<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Products Page</title>

    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="static/css/fc1ab68d70ad48e88943ce422f4566dc.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/bootstrap-select.min.css" />
    <link rel="stylesheet" href="static/css/animate.min.css" />
    <link rel="stylesheet" href="static/css/all.min.css" />
    <link rel="stylesheet" href="static/css/jarallax.css" />
    <link rel="stylesheet" href="static/css/organik-icons.css" />
    <link rel="stylesheet" href="static/css/jquery.magnific-popup.css" />
    <link rel="stylesheet" href="static/css/nouislider.min.css" />
    <link rel="stylesheet" href="static/css/nouislider.pips.css" />
    <link rel="stylesheet" href="static/css/odometer.min.css" />
    <link rel="stylesheet" href="static/css/swiper.min.css" />
    <link rel="stylesheet" href="static/css/tiny-slider.min.css" />

    <link rel="stylesheet" href="static/css/organik.css" />
</head>
<body>
<div class="preloader">
    <img class="preloader__image" width="55" src="static/picture/loader.png" alt="" />
</div>

<div class="page-wrapper">
    <header class="main-header">
        <div class="topbar">
            <div class="container">
                <div class="main-logo">
                    <a href="index.html" class="logo">
                        <img src="static/picture/universe.PNG" width="200" alt="">
                    </a>
                    <div class="mobile-nav__buttons">
                        <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
                        <a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
                    </div>
                    <span class="fa fa-bars mobile-nav__toggler"></span>
                </div>
                <div class="topbar__left">
                    <div class="topbar__social">
                        <a href="#" class="fab fa-twitter"></a>
                        <a href="#" class="fab fa-facebook-square"></a>
                        <a href="#" class="fab fa-instagram"></a>
                    </div>
                    <div class="topbar__info">
                        <i class="organik-icon-email"></i>
                        <p>Email <a href="/cdn-cgi/l/email-protection#a9c0c7cfc6e9c6dbcec8c7c0c287cac6c4"><span class="__cf_email__" data-cfemail="fb92959d94bb94899c9a959290d5989496">[email&#160;protected]</span></a></p>
                    </div>
                </div>
                <div class="topbar__right">
                    <div class="topbar__info">
                        <i class="organik-icon-calling"></i>
                        <p>Phone <a href="tel:+92-666-888-0000">92 666 888 0000</a></p>
                    </div>
                    <div class="topbar__buttons">
                        <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
                        <a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <nav class="main-menu">
            <div class="container">
                <div class="main-menu__login">
                    <a href="#"><i class="organik-icon-user"></i></a>
                </div>
                <ul class="main-menu__list">
                    <li class="dropdown">
                        <a href="index.html">Home</a>
                        <ul>
                            <li>
                                <a href="index.html">Home One</a>
                            </li>
                            <li><a href="index-2.html">Home Two</a></li>
                            <li class="dropdown">
                                <a href="#">Header Styles</a>
                                <ul>
                                    <li><a href="index.html">Header One</a></li>
                                    <li><a href="index-2.html">Header Two</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>

                    </li>
                    <li class="dropdown">
                        <a href="products.html">Shop</a>
                        <ul>
                            <li><a href="products.html">Shop</a></li>
                            <li><a href="product-details.html">Product Details</a></li>
                            <li><a href="cart.html">Cart Page</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="news.html">News</a>
                        <ul>
                            <li><a href="news.html">News</a></li>
                            <li><a href="news-details.html">News Details</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
                <div class="main-menu__language">
                    <img src="static/picture/flag-1-1.jpg" alt="">
                    <label class="sr-only" for="language-select">select language</label>

                    <select class="selectpicker" id="language-select-header">
                        <option value="english">中文</option>
                        <option value="arabic">英文</option>
                    </select>
                </div>
            </div>
        </nav>

    </header>
    <div class="stricky-header stricked-menu main-menu">
        <div class="sticky-header__content"></div>
    </div>
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url(static/images/page-header-bg-1-1.jpg);"></div>

        <div class="container">
            <h2>Products</h2>
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="index.html">Home</a></li>
                <li>/</li>
                <li><span>Products</span></li>
            </ul>
        </div>
    </section>
    <section class="products-page">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-3">
                    <div class="product-sidebar">
                        <div class="product-sidebar__single product-sidebar__search-widget">
                            <form action="#">
                                <input type="text" placeholder="Search">
                                <button class="organik-icon-magnifying-glass" type="submit"></button>
                            </form>
                        </div>
                        <div class="product-sidebar__single">
                            <h3>价格</h3>
                            <div class="product-sidebar__price-range">
                                <div class="range-slider-price" id="range-slider-price"></div>
                                <div class="form-group">
                                    <div class="left">
                                        <p>$<span id="min-value-rangeslider"></span></p>
                                        <span>-</span>
                                        <p>$<span id="max-value-rangeslider"></span></p>
                                    </div>
                                    <div class="right">
                                        <input type="submit" class="thm-btn" value="Filter">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-sidebar__single">
                            <h3>分类</h3>
                            <ul class="list-unstyled product-sidebar__links">
                                <li><a href="land.html" >土地 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="tree.html" >树苗 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="fruit.html" >果实 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="tool.html"  >工具 <i class="fa fa-angle-right"></i></a></li>


                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-9">
                    <div class="product-sorter">

                        <div class="product-sorter__select">
                            <select class="selectpicker">
                                <option value="#">综合</option>
                                <option value="#">信用</option>
                                <option value="#">价格升序</option>
                                <option value="#">价格降序</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地a.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地a</a></h3>
                                    <p>$2.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地c.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地c</a></h3>
                                    <p>$2.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                   <-- </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地d.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地d</a></h3>
                                    <p>$2.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地e.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地e</a></h3>
                                    <p>$2.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地f.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地f</a></h3>
                                    <p>$2.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="product-card">
                            <div class="product-card__image">
                                <img src="static/picture/土地b.png" alt="">
                                <div class="product-card__image-content">
                                    <a href="#"><i class="organik-icon-heart"></i></a>
                                    <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>
                                </div>
                            </div>
                            <div class="product-card__content">
                                <div class="product-card__left">
                                    <h3><a href="product-details.html">土地b</a></h3>
                                    <p>$3.00</p>
                                </div>
                                <div class="product-card__right">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
                    <div class="text-center">
                        <a href="#" class="thm-btn products__load-more">Load More</a>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </section>
    <footer class="site-footer background-black-2">
        <img src="static/picture/footer-bg-1-1.png" alt="" class="site-footer__shape-1">
        <img src="static/picture/footer-bg-1-2.png" alt="" class="site-footer__shape-2">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <div class="footer-widget footer-widget__about-widget">
                        <a href="index.html" class="footer-widget__logo">
                            <img src="static/picture/logo-light.png" alt="" width="105" height="43">
                        </a>
                        <p class="thm-text-dark">Atiam rhoncus sit amet adip
                            scing sed ipsum. Lorem ipsum
                            dolor sit amet adipiscing <br>
                            sem neque.</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
                    <div class="footer-widget footer-widget__contact-widget">
                        <h3 class="footer-widget__title">Contact</h3>
                        <ul class="list-unstyled footer-widget__contact">
                            <li>
                                <i class="fa fa-phone-square"></i>
                                <a href="tel:666-888-0000">666 888 0000</a>
                            </li>
                            <li>
                                <i class="fa fa-envelope"></i>
                                <a href="/cdn-cgi/l/email-protection#ec85828a83ac8f83819c8d8295c28f8381"><span class="__cf_email__" data-cfemail="224b4c444d62414d4f52434c5b0c414d4f">[email&#160;protected]</span></a>
                            </li>
                            <li>
                                <i class="fa fa-map-marker-alt"></i>
                                <a href="#">66 top broklyn street.
                                    New York</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
                    <div class="footer-widget footer-widget__links-widget">
                        <h3 class="footer-widget__title">Links</h3>
                        <ul class="list-unstyled footer-widget__links">
                            <li>
                                <a href="index.html">Top Sellers</a>
                            </li>
                            <li>
                                <a href="products.html">Shopping</a>
                            </li>
                            <li>
                                <a href="about.html">About Store</a>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li>
                            <li>
                                <a href="contact.html">Help</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
                    <div class="footer-widget">
                        <h3 class="footer-widget__title">Explore</h3>
                        <ul class="list-unstyled footer-widget__links">
                            <li>
                                <a href="products.html">New Products</a>
                            </li>
                            <li>
                                <a href="checkout.html">My Account</a>
                            </li>
                            <li>
                                <a href="contact.html">Support</a>
                            </li>
                            <li>
                                <a href="contact.html">FAQs</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
                    <div class="footer-widget">
                        <h3 class="footer-widget__title">Newsletter</h3>
                        <form action="#" data-url="YOUR_MAILCHIMP_URL" class="mc-form">
                            <input type="email" name="EMAIL" id="mc-email" placeholder="Email Address">
                            <button type="submit">Subscribe</button>
                        </form>
                        <div class="mc-form__response"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-footer">
            <div class="container">
                <hr>
                <div class="inner-container text-center">
                    <div class="bottom-footer__social">
                        <a href="#" class="fab fa-twitter"></a>
                        <a href="#" class="fab fa-facebook-square"></a>
                        <a href="#" class="fab fa-instagram"></a>
                    </div>
                    <p class="thm-text-dark">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
            </div>
        </div>
    </footer>
</div>
<div class="mobile-nav__wrapper">
    <div class="mobile-nav__overlay mobile-nav__toggler"></div>

    <div class="mobile-nav__content">
        <span class="mobile-nav__close mobile-nav__toggler"><i class="organik-icon-close"></i></span>
        <div class="logo-box">
            <a href="index.html" aria-label="logo image"><img src="static/picture/logo-light.png" width="155" alt="" /></a>
        </div>

        <div class="mobile-nav__container"></div>

        <ul class="mobile-nav__contact list-unstyled">
            <li>
                <i class="organik-icon-email"></i>
                <a href="/cdn-cgi/l/email-protection#8fe1eaeaebe7eae3ffcfe0fde8eee1e6e4a1ece0e2"><span class="__cf_email__" data-cfemail="1d737878797578716d5d726f7a7c737476337e7270">[email&#160;protected]</span></a>
            </li>
            <li>
                <i class="organik-icon-calling"></i>
                <a href="tel:666-888-0000">666 888 0000</a>
            </li>
        </ul>
        <div class="mobile-nav__top">
            <div class="mobile-nav__language">
                <img src="static/picture/flag-1-1.jpg" alt="">
                <label class="sr-only" for="language-select">select language</label>

                <select class="selectpicker" id="language-select">
                    <option value="english">English</option>
                    <option value="arabic">Arabic</option>
                </select>
            </div>
            <div class="main-menu__login">
                <a href="#"><i class="organik-icon-user"></i>Login / Register</a>
            </div>
        </div>
    </div>

</div>

<div class="mini-cart">
    <div class="mini-cart__overlay mini-cart__toggler"></div>
    <div class="mini-cart__content">
        <div class="mini-cart__top">
            <h3 class="mini-cart__title">Shopping Cart</h3>
            <span class="mini-cart__close mini-cart__toggler"><i class="organik-icon-close"></i></span>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-1.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Banana</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1" />
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-2.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Tomato</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1" />
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-3.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Bread</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1" />
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <a href="checkout.html" class="thm-btn mini-cart__checkout">Proceed To Checkout</a>
    </div>
</div>
<div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>

    <div class="search-popup__content">
        <form action="#">
            <label for="search" class="sr-only">search here</label>
            <input type="text" id="search" placeholder="Search Here..." />
            <button type="submit" aria-label="search submit" class="thm-btn">
                <i class="organik-icon-magnifying-glass"></i>
            </button>
        </form>
    </div>

</div>

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/bootstrap-select.min.js"></script>
<script src="static/js/jarallax.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.circle-progress.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/nouislider.min.js"></script>
<script src="static/js/odometer.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/tiny-slider.min.js"></script>
<script src="static/js/wnumb.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/countdown.min.js"></script>

<script src="static/js/organik.js"></script>
</body>
</html>